<div class="pageContent">
    <!-- 
    <script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>
    -->
    
    <!-- <script src="jquery/jquery-1.8.1.min.js" type="text/javascript" charset="utf-8"></script> -->
    <script src="plugins/elfinder2x/jquery/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
    
    <!-- <script src="jquery/jquery-ui-1.8.21.custom.min.js"></script> -->
    <!-- <script src="jquery/jquery-ui-1.8.23.custom.min.js" type="text/javascript" charset="utf-8"></script> -->
    <!-- <link rel="stylesheet" href="jquery/ui-themes/smoothness/jquery-ui-1.8.23.custom.css" type="text/css" media="screen" title="no title" charset="utf-8"> -->
    
    <script src="plugins/elfinder2x/jquery/jquery-ui-1.10.1.custom.min.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" href="plugins/elfinder2x/jquery/ui-themes/smoothness/jquery-ui-1.10.1.custom.css" type="text/css" media="screen" title="no title" charset="utf-8">
    
    
    <!-- <link rel="stylesheet" href="jquery/ui-themes/smoothness/jquery-ui-1.8.21.custom.css" type="text/css"> -->
    
    
    <link rel="stylesheet" href="plugins/elfinder2x/css/common.css"      type="text/css">
    <link rel="stylesheet" href="plugins/elfinder2x/css/dialog.css"      type="text/css">
    <link rel="stylesheet" href="plugins/elfinder2x/css/toolbar.css"     type="text/css">
    <link rel="stylesheet" href="plugins/elfinder2x/css/navbar.css"      type="text/css">
    <link rel="stylesheet" href="plugins/elfinder2x/css/statusbar.css"   type="text/css">
    <link rel="stylesheet" href="plugins/elfinder2x/css/contextmenu.css" type="text/css">
    <link rel="stylesheet" href="plugins/elfinder2x/css/cwd.css"         type="text/css">
    <link rel="stylesheet" href="plugins/elfinder2x/css/quicklook.css"   type="text/css">
    <link rel="stylesheet" href="plugins/elfinder2x/css/commands.css"    type="text/css">
    
    <link rel="stylesheet" href="plugins/elfinder2x/css/fonts.css"       type="text/css">
    <link rel="stylesheet" href="plugins/elfinder2x/css/theme.css"       type="text/css">
    
    <!-- elfinder core -->
    <script src="plugins/elfinder2x/js/elFinder.js"></script>
    <script src="plugins/elfinder2x/js/elFinder.version.js"></script>
    <script src="plugins/elfinder2x/js/jquery.elfinder.js"></script>
    <script src="plugins/elfinder2x/js/elFinder.resources.js"></script>
    <script src="plugins/elfinder2x/js/elFinder.options.js"></script>
    <script src="plugins/elfinder2x/js/elFinder.history.js"></script>
    <script src="plugins/elfinder2x/js/elFinder.command.js"></script>
    
    <!-- elfinder ui -->
    <script src="plugins/elfinder2x/js/ui/overlay.js"></script>
    <script src="plugins/elfinder2x/js/ui/workzone.js"></script>
    <script src="plugins/elfinder2x/js/ui/navbar.js"></script>
    <script src="plugins/elfinder2x/js/ui/dialog.js"></script>
    <script src="plugins/elfinder2x/js/ui/tree.js"></script>
    <script src="plugins/elfinder2x/js/ui/cwd.js"></script>
    <script src="plugins/elfinder2x/js/ui/toolbar.js"></script>
    <script src="plugins/elfinder2x/js/ui/button.js"></script>
    <script src="plugins/elfinder2x/js/ui/uploadButton.js"></script>
    <script src="plugins/elfinder2x/js/ui/viewbutton.js"></script>
    <script src="plugins/elfinder2x/js/ui/searchbutton.js"></script>
    <script src="plugins/elfinder2x/js/ui/sortbutton.js"></script>
    <script src="plugins/elfinder2x/js/ui/panel.js"></script>
    <script src="plugins/elfinder2x/js/ui/contextmenu.js"></script>
    <script src="plugins/elfinder2x/js/ui/path.js"></script>
    <script src="plugins/elfinder2x/js/ui/stat.js"></script>
    <script src="plugins/elfinder2x/js/ui/places.js"></script>
    
    <!-- elfinder commands -->
    <script src="plugins/elfinder2x/js/commands/back.js"></script>
    <script src="plugins/elfinder2x/js/commands/forward.js"></script>
    <script src="plugins/elfinder2x/js/commands/reload.js"></script>
    <script src="plugins/elfinder2x/js/commands/up.js"></script>
    <script src="plugins/elfinder2x/js/commands/home.js"></script>
    <script src="plugins/elfinder2x/js/commands/copy.js"></script>
    <script src="plugins/elfinder2x/js/commands/cut.js"></script>
    <script src="plugins/elfinder2x/js/commands/paste.js"></script>
    <script src="plugins/elfinder2x/js/commands/open.js"></script>
    <script src="plugins/elfinder2x/js/commands/rm.js"></script>
    <script src="plugins/elfinder2x/js/commands/info.js"></script>
    <script src="plugins/elfinder2x/js/commands/duplicate.js"></script>
    <script src="plugins/elfinder2x/js/commands/rename.js"></script>
    <script src="plugins/elfinder2x/js/commands/help.js"></script>
    <script src="plugins/elfinder2x/js/commands/getfile.js"></script>
    <script src="plugins/elfinder2x/js/commands/mkdir.js"></script>
    <script src="plugins/elfinder2x/js/commands/mkfile.js"></script>
    <script src="plugins/elfinder2x/js/commands/upload.js"></script>
    <script src="plugins/elfinder2x/js/commands/download.js"></script>
    <script src="plugins/elfinder2x/js/commands/edit.js"></script>
    <script src="plugins/elfinder2x/js/commands/quicklook.js"></script>
    <script src="plugins/elfinder2x/js/commands/quicklook.plugins.js"></script>
    <script src="plugins/elfinder2x/js/commands/extract.js"></script>
    <script src="plugins/elfinder2x/js/commands/archive.js"></script>
    <script src="plugins/elfinder2x/js/commands/search.js"></script>
    <script src="plugins/elfinder2x/js/commands/view.js"></script>
    <script src="plugins/elfinder2x/js/commands/resize.js"></script>
    <script src="plugins/elfinder2x/js/commands/sort.js"></script>	
    <script src="plugins/elfinder2x/js/commands/netmount.js"></script>	
    
    <!-- elfinder languages -->
    <script src="plugins/elfinder2x/js/i18n/elfinder.zh_CN.js"></script>
    
    <!-- elfinder dialog -->
    <script src="plugins/elfinder2x/js/jquery.dialogelfinder.js"></script>
    
    <!-- elfinder 1.x connector API support -->
    <script src="plugins/elfinder2x/js/proxy/elFinderSupportVer1.js"></script>
    
    <!-- elfinder custom extenstions -->
    <!--script src="extensions/jplayer/elfinder.quicklook.jplayer.js"></script-->
    
    <style type="text/css">
        body { font-family:arial, verdana, sans-serif;}
        .button {
            width: 100px;
            position:relative;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: top;
            zoom: 1;
            *display: inline;
            margin:0 3px 3px 0;
            padding:1px 0;
            text-align:center;
            border:1px solid #ccc;
            background-color:#eee;
            margin:1em .5em;
            padding:.3em .7em;
            border-radius:5px; 
            -moz-border-radius:5px; 
            -webkit-border-radius:5px;
            cursor:pointer;
        }
    /*
        #dialog {
            position:absolute;
            left:50%;
            top:1000px;
        }
    */
    </style>
    
    <script>
        $().ready(function() {
            $('#finder').elfinder({
                // requestType : 'post',
    
                // url : 'php/connector.php',
                url : 'plugins/elfinder2x/php/connector.php',
                // transport : new elFinderSupportVer1(),
                // getFileCallback : function(files, fm) {
                // 	console.log(files);
                // },
                handlers : {
                    select : function(event, elfinderInstance) {
                        var selected = event.data.selected;
                        
                        if (selected.length) {
                            console.log(elfinderInstance.file(selected[0]))
                        }
                        
                    }
                },
                // handlers : {
                // 	select : function(e) {
                // 		console.log(e.data)
                // 	}
                // },
                // onlyMimes : ['image', 'text/plain']
                // sync : 20000,
                lang : 'zh_CN',
                customData : {answer : 42},
                // requestType : 'POST',
                // rememberLastDir : false,
                // ui : ['tree', 'toolbar'],
                // ui : ['toolbar', 'path', 'stat'],
                // commands : [],
                // commandsOptions : {
                // 	edit : {
                // 		mimes : ['text/plain', 'text/html', 'text/javascript'],
                // 		editors : [
                // 			{
                // 				mimes : ['text/html'],
                // 				load : function(textarea) {
                // 					tinyMCE.execCommand("mceAddControl", true, textarea.id);
                // 				},
                // 				close : function(textarea, instance) {
                // 					tinyMCE.execCommand('mceRemoveControl', false, textarea.id);
                // 				},
                // 				save : function(textarea, editor) {
                // 					textarea.value = tinyMCE.get(textarea.id).selection.getContent({format : 'html'});
                // 					tinyMCE.execCommand('mceRemoveControl', false, textarea.id);
                // 				}
                // 
                // 			}
                // 		]
                // 	}
                // }
                // uiOptions : {
                // 	toolbar : [['help']]
                // }
            })
        });
    </script>
    <div id="finder">finder <span>here</span></div>
</div>
